﻿@Charset "utf-8";
/*全局元素设置*/
html{
	overflow:scroll;
}

html,body {
	width:100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "黑体";
	background-color: #ffffff;;
}

input[readonly]{
	background-color: #9acfea;
}

textarea{
	resize: none;
	width: 150px;
	height: 60px;
}

textarea[readonly]{
	background-color: #9acfea;
}

div{
	font-size: 14px;
	background-color: #fff;
}

/*button[disabled]{
	background-color: #942a25;
	cursor: not-allowed;
}*/

button{
	background-color:#009688;
}

/*按钮按下样式*/
button.down{
	background-color: #116644;
	color: #FFFFFF;
	width:40px;
	heigth:34px;
	padding-left:10px;
}

/*工具按钮样式*/
button.toolBtn{
	background-color:#009688;
	color: #FFFFFF;
	width:40px;
	heigth:34px;
	padding-left:10px;
}

select{
	border-radius: 4px;
}

select[disabled]{
	background-color: #b9def0;
	cursor: not-allowed;
}

fieldset{
	padding:.35em .625em .75em;
	margin:0 2px;
	border:1px solid silver
}

legend{
	padding:.5em;
	border:0;
	width:auto;
	margin-bottom: 0
}

div.menu {
	border-bottom: 3px #000;
    width: inherit;
    height: auto;
}

.WF-List-Name{
	width:140px;
	display:inline;
}

.WF-List-Name-Big{
	margin-bottom:40px;
}

.WF-List-Con{
	width:130px;
	display:inline-block;
}

.WF-List-Btn{
	text-align:right;
}

div.basic {
	width: 100%;
	height:100%;
}

div.toolmenu {
	width:inherit;
	height:auto;
}

div.workcenter {
	width: 100%;
	height: 60%;
	background-color:#CCC;	
	padding:0px;
	margin:0px;
	border:1px solid #000000;
}

canvas.workarea {
	background-color:#CCC;
	border:1px solid;
}


img.icon{
	width:16px;
	height:16px;
	border:none;
}


#zoombox{
	z-index:999;
	position:absolute;
	left:300px;
	top:300px;
	opacity:0.8;	
}

#zoomshow{
	z-index:998;
	position:absolute;
	opacity:0.8;
	font-size:70px;
	font-family:"黑体";
	font-weight:bold;
	text-shadow:inherit;
	color:#999;
}

::-webkit-scrollbar-track-piece{ 
	background-color:#fff;/*滚动条的背景颜色*/ 
	-webkit-border-radius:0;/*滚动条的圆角宽度*/ 
} 
::-webkit-scrollbar{ 
	width:8px;/*滚动条的宽度*/ 
	height:8px;/*滚动条的高度*/ 
} 
::-webkit-scrollbar-thumb:vertical{/*垂直滚动条的样式*/ 
	height:50px; 
	background-color:#999; 
	-webkit-border-radius:4px; 
	outline:2px solid #fff;
	outline-offset:-2px; 
	border:2px solid #fff;
} 
::-webkit-scrollbar-thumb:hover{/*滚动条的hover样式*/ 
	height:50px; 
	background-color:#9f9f9f; 
	-webkit-border-radius:4px; 
} 
::-webkit-scrollbar-thumb:horizontal{/*水平滚动条的样式*/ 
	width:5px; 
	background-color:#CCCCCC; 
	-webkit-border-radius:6px; 
}

#Step_Select_Box{
	background-color: #000000;
	opacity: 0.6;
	z-index: 1000;
	position: absolute;
	left: 0px;
	top: 0px;
}

#Step_Select_Page{
	opacity: 1;
	z-index:1001;
}

div.toolCont{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
	background-color:#999999;
}
